view,scroll-view,swiper,swiper-item,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox,form,input,label,radio,slider,switch,textarea,navigator,audio,camera,image,video {
	box-sizing: border-box;
	font-family: "微软雅黑";
}
.uni-tabbar__icon{
	margin-top: 0;
}
.noAnimation{
	view,scroll-view,swiper,swiper-item,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox,form,input,label,radio,slider,switch,textarea,navigator,audio,camera,image,video {
		animation-play-state: paused!important;
	}
}
::-webkit-scrollbar {  
	display: none;
}  
image{
	will-change: transform;
}
page{
	background-color:$bodyBackground;
	-webkit-user-select:none;
	user-select:none;
	touch-callout:none;
	-webkit-touch-callout:none;
}
uni-modal,.uni-modal{ 
	border-radius: 15px;
	z-index:9999;
}
uni-toast{
	z-index:9999;
}
.color{
	background:$background;
	&:active{
		background:$background_active;
	}
}
.flex{
	display:flex;
}
.scrollxView{
	::-webkit-scrollbar {
		display: none;
	}
	.view{
		white-space: nowrap;
		.item{
			display: inline-block;
		}
	}
}

.ell {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.Line2{
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	display: -moz-box;
	box-orient: vertical;
	display: -webkit-box;
	word-break: break-all;
	line-clamp: 2;
	overflow: hidden;
}
.Line3{
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-o-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	display: -moz-box;
	box-orient: vertical;
	display: -webkit-box;
	word-break: break-all;
	line-clamp: 3;
	overflow: hidden;
}
.button-active{
	transition: 0.2s all;
	&:active{
		opacity: 0.8;
	}
}
.hidden{
	opacity: 0;
}
.ani_upbit{
	animation-name: layui-upbit;
	animation-duration: .5s;
	animation-fill-mode: both;
}
@keyframes layui-upbit{
	from{
		transform:translate3d(0,30px,0);
		opacity:.3;
	}
	to{
		transform:translate3d(0,0,0);
		opacity:1;
	}
}

//公共标题
.comTitle{
	padding:0 $padding;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	&.title-no-padding{
		padding:0;
	}
	.comTitle-text{
		font-weight:bold;
		font-size: calc(30rpx * var(--fss));
		line-height: 2;
		flex:1;
	}
	.comTitle-image{
		width:120rpx;
		height:40rpx;
		margin-left:25rpx;
	}
	.comTitle-right{
		flex-direction: row;
		align-items: center;
		.comTitle-r-text{
			font-size: calc(26rpx * var(--fss));
			color:#999;
			margin-right:20rpx;
		}
	}
	.comTitle-iconfont{
		font-size: calc(30rpx * var(--fss));
		color:#c3c3c3;
	}
}
.transverse-line{
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height:60rpx;
	.transverse-line-view{
		height:10rpx;
		width:110rpx;
		background:#3b3b3b;
		border-radius:100rpx;
	}
}
.loadingCir{
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text{
		width: 12rpx;
		height: 12rpx;
		margin-right: 12rpx;
		border-radius: 50%;
		background: #FFF;
		animation: load 1.04s ease infinite;
		&:nth-last-child(1){
			margin-right:0;
		}
		&:nth-child(1){
			animation-delay:0.13s;
		}
		&:nth-child(2){
			animation-delay:0.26s;
		}
		&:nth-child(3){
			animation-delay:0.39s;
		}
	}
	@-webkit-keyframes load{
		0%{
			opacity: 1;
		}
		100%{
			opacity: 0;
		}
	}
}

.commonAdImage{
	display: block;
	width:100%;
	border-radius:8rpx;
}

.shade{
	background: rgba(0,0,0,0.3);
	top:0;
	bottom:0;
	left:var(--window-left);
	right:var(--window-right);
	z-index:3000;
	position:fixed;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding:0 45rpx;
	visibility:hidden;
	transition: 0.2s all;
	opacity: 0;
	&.show{
		visibility:visible;
		opacity: 1;
	}
}
.uni-system-preview-image{
	z-index: 2001;
}

.loginHead {
	width: 100%;
	padding: 30rpx 45rpx 0 45rpx;
	.h3 {
		font-weight: bold;
		font-size: calc(44rpx * var(--fss));
		color: rgba(255,255,255,0.9);
		line-height: 1.59;
	}
	.desc {
		line-height: 1.85;
		color: rgba(255,255,255,0.5);
		font-size: calc(27rpx * var(--fss));
		margin-top: 5rpx;
	}
}
.loginView{
	width:100%;
	flex:1;
	height:0;
	padding:50rpx 45rpx 35rpx 45rpx;
	.phoneView{
		flex-direction: row;
		align-items: center;
		// background: linear-gradient(180deg,#3b3b3b,rgba(59,59,59,.46));
		padding:14rpx 18rpx 14rpx 30rpx;
		border-radius: 7rpx;
		margin-bottom:40rpx;
		background: rgba(255,255,255,0.14);
		backdrop-filter: blur(20rpx);
		.iconfont{
			color: rgba(255,255,255,0.8);
			font-size:calc(34rpx * var(--fss));
			width: 40rpx;
			text-align: center;
			line-height: 1.2;
		}
		.input{
			height:75rpx;
			line-height:35rpx;
			padding:20rpx 20rpx;
			flex:1;
			width:0;
			font-size:calc(27rpx * var(--fss));
			color: #FFF;
			font-weight:bold;
		}
		.code{
			line-height:75rpx;
			text-align: center;
			color: #ffffff;
			font-weight:bold;
			font-size:calc(26rpx * var(--fss));
			transition: 0.2s all;
			margin-right:20rpx;
			&.dis{
				opacity: 0.6;
			}
			&:active{
				opacity: 0.8;
			}
		}
	}
	.loginBtn{
		line-height: 93rpx;
		font-weight: bold;
		text-align: center;
		font-size:calc(29rpx * var(--fss));
		border-radius: 70rpx;
		transition: 0.2s all;
		background-color: #FFF;
		color:#333;
		&:active{
			opacity: 0.8;
		}
	}
}
.switch{
	:deep(.uni-switch-input){
		border-color: transparent;
		background-color: #3d3d3d;
		&:before{
			background-color: #3d3d3d;
		}
	}
}